<template>
  <!--订单分解-->
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="总计划" name="zjh">
      <masterIndex ref="zjh"></masterIndex>
      </el-tab-pane>
      <el-tab-pane label="分计划" name="fjh">
        <branchPlanIndex ref="fjh"></branchPlanIndex>
      </el-tab-pane>
      <el-tab-pane label="计划横道图" name="jhhdt">
        <orderGantt ref="jhhdt"></orderGantt>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
import masterIndex from '../../plm/plan/index'
import branchPlanIndex from '../../plm/branchPlan/index'
import orderGantt from '../../pro/order/ganttx/index'

export default {
  name: "Process",
  components: {
    masterIndex,
    branchPlanIndex,
    orderGantt
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      queryParams: {
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      },
      activeName: 'zjh'
    };
  },
  created() {

  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>
